<!--# layout("/common/mallout.html",{"jsBase":"/js/order/settlement/"}){ -->
<div class="banner flexslider">
    <ul class="slides">
        <li style="background:url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/banner1.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/banner2.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/banner3.jpg) 50% 0 no-repeat;"></li>
    </ul>
    <script type="text/javascript" src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/style/jquery.flexslider-min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.flexslider').flexslider({
                directionNav: true,
                pauseOnAction: false
            });
        });
    </script>
</div>

<div class="area_view">
    <div class="are_hd">
        <span><strong>商品分类</strong>精选分类，提供更便捷的服务</span>
        <a href="/mall/productMore.do"  target="_blank">更多</a>
    </div>

    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

        <ul class="layui-tab-title">
         <!--# for(productResult in productMap){
            if(productResultLP.first){ -->
            <li class="layui-this" >${productResult.key.categoryName}</li>
            <!--#}else{ -->
            <li >${productResult.key.categoryName}</li>
         <!--#}} -->
        </ul>


        <div class="layui-tab-content area_bd" >
            <!--# for(productResult in productMap){
               if(productResultLP.first){ -->
            <div class="layui-tab-item layui-show ">
                    <!--# if(isEmpty(productMap)){-->
                    <div style="height:320px; background:url('https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_07.png') center center no-repeat; text-align:center;  font-size:22px; color:rgb(208,208,208);overflow:hidden;"><p style="margin-top:250px;">暂无！</p></div>
                    <!--# }else{ -->
                <ul>
                <!--# for(p in productResult.value){  -->
                    <!--# if(pLP.index<=10){-->
                <li class="">
                    <p><a href="/mall/category.do?categoryId=${p.categoryId}&type=${p.categoryHandleType}">
                        <!--# if(p.url == null){-->
                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_02.png">
                        <!--# }else{-->
                        <img src="${imagepath}/${p.url}">
                        <!--# }-->
                    </a></p>
                    <p class="text"><a href="/mall/category.do?categoryId=${p.categoryId}&type=${p.categoryHandleType}">${p.categoryName}</a></p>
                </li>
                    <!--#} -->
                <!--#} -->
                </ul>
                <!--# }-->

            </div>
            <!--#}else{ -->
            <div class="layui-tab-item">
                <ul>
                    <!--# if(isEmpty(productResult.value)){  -->
                    <li >
                        <p><a href="/"></a></p>
                        <p class="text"><a href="/">暂无</a></p>
                    </li>
                <!--#}else{ -->
                <!--# for(p in productResult.value){  -->
                    <!--# if(pLP.index<=10){-->
                <li>
                    <p><a href="/mall/category.do?categoryId=${p.categoryId}&type=${p.categoryHandleType}">
                        <!--# if(p.url == null){-->
                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_02.png">
                        <!--# }else{-->
                        <img src="${imagepath}/${p.url}">
                        <!--# }-->
                    </a></p>
                    <p class="text"><a href="/mall/category.do?categoryId=${p.categoryId}&type=${p.categoryHandleType}">${p.categoryName}</a></p>
                </li>
                    <!--#} -->
                <!--#}} -->
                </ul>
            </div>
             <!--#}} -->
        </div>
    </div>

</div>
<!-------------供应商------------------->

<div class="area_view">
    <div class="are_hd">
        <span><strong>供应商 </strong>精选供应商，匹配最优质的服务</span>
        <a href="/mall/providerMore.do"  target="_blank">更多</a>
    </div>

    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

        <ul class="layui-tab-title">
            <!--# for(sellerResult in sellerInfoMap){
               if(sellerResultLP.first){ -->
            <li class="layui-this" value="${sellerResult.key.totalCount}">${sellerResult.key.object.suppName}</li>
            <!--#}else{ -->
            <li value="${sellerResult.key.totalCount}">${sellerResult.key.object.suppName}</li>
            <!--#}} -->
        </ul>

        <div class="layui-tab-content area_bd supplier" >
            <!--# for(sellerResult in sellerInfoMap){
               if(sellerResultLP.first){ -->
            <div class="layui-tab-item layui-show ">
                	 <!--# if(isEmpty(sellerResult.value)){ -->
                    <div style="height:320px; background:url('https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_07.png') center center no-repeat; text-align:center;  font-size:22px; color:rgb(208,208,208);overflow:hidden;"><p style="margin-top:250px;">暂无！</p></div>
                    <!--#}else{ -->
                <ul>
                    <!--# for(p in sellerResult.value){  -->
                    <li >               
                        <p>
                        <a href="/mall/providerDetail.do?sellerId=${p.sellerId}">
                        <!--# if(p.logoUrl == null){-->
                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_01.png">
                        <!--# }else{-->
                        <img src="${imagepath}/${p.logoUrl}">
                        <!--# }-->
                        </a></p>
                        <p class="text_add">${p.sellerName}</p>
                        <p class="text_intr">简介：${p.brief == null? '暂无':p.brief}</p>
                        <p class="text_num"><i>订单：${p.orderNum}单</i></p>
                        <p class="text_detailed">${p.area}${p.addr}</p>
                    </li>
                    <!--#} -->
                </ul>
                <!--# }-->
            </div>
            <!--#}else{ -->
            <div class="layui-tab-item">
                    <!--# if(isEmpty(sellerResult.value)){ -->
                    <div style="height:320px; background:url('https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_07.png') center center no-repeat; text-align:center;  font-size:22px; color:rgb(208,208,208);overflow:hidden;"><p style="margin-top:250px;">暂无！</p></div>
                    <!--#}else{ -->
                <ul>
                    <!--# for(p in sellerResult.value){  -->
                    <li >
                        <p><a href="/mall/providerDetail.do?sellerId=${p.sellerId}">
                        <!--# if(p.logoUrl == null){-->
                        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop/mall/image/pic_pop_01.png">
                        <!--# }else{-->
                        <img src="${imagepath}/${p.logoUrl}">
                        <!--# }-->
                        </a></p>
                        <p class="text_add">${p.sellerName}</p>
                        <p class="text_intr">简介：${p.brief == null? '暂无':p.brief}</p>
                        <p class="text_num"><i>订单：${p.orderNum}单</i></p>
                        <p class="text_detailed">${p.area}${p.addr}</p>
                    </li>
                    <!--#} -->
                </ul>
                <!--# }-->
            </div>
            <!--#}} -->
        </div>
    </div>
</div>

<!-------------------------------->
<!--<div id="demo7"></div>
-->

<!--#} -->
<script>
layui.use(['index','laypage','element'], function(){
    var quoteCountPriceIndex = layui.index;
    var element = layui.element;
    var laypage = layui.laypage;
    quoteCountPriceIndex.init();

//完整分页功能

    // page(100);
    // function page(count){
    //     laypage.render({
    //         elem: 'demo7'
    //         ,count:count  //当前总页数 默认10
    //         ,layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip']
    //         ,jump: function(obj,first){
    //             if(!first){//不是第一次 就调用
    //             }
    //         }
    //     });
    // }


    // element.on('tab(docDemoTabBrief)', function(data){
    //     var count = $(this).val();
    //     page(count);
    // });

});
</script>